<!DOCTYPE html>
<html>
<head>
  <title>{$article.name}</title>
  <meta charset="UTF-8">
  <meta name="viewport" content=" initial-scale=1.0,user-scalable=no" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <meta content="black" name="apple-mobile-web-app-status-bar-style" />
  <meta name="format-detection" content="telephone=no"/>
  <meta name="viewport" content="width=device-width,  initial-scale=1.0, user-scalable=0, minimum-scale=1.0,  maximum-scale=1.0" />
  <link rel="stylesheet" href="__STYLE__/Site/css/style.css" />
  <script src='__STYLE__/Site/js/swipe.min.js'></script>
  <script src='__STYLE__/Site/js/zepto.min.admin.js'></script>
  <script src='__STYLE__/Site/js/Gh.js'></script>
  <script src='__STYLE__/Site/js/js.js'></script>
  <style>
    .footer ul{ background-color: {$style.nav_bgcolor};  }
    .footer li a label{ color: {$style.nav_color};  }
    .content ul li span{ color: {$style.cate_color}; }
  </style>
</head>
<body >
  <div class="max-box">
    <div class="header">
      <div class="addWrap">
      <div id="src-img">{$article.top_pics}</div>
      <input type="hidden" value="{$article.top_pics}"/>
        <div class="swipe" id="mySwipe">
          <div class="swipe-wrap" id="swipe-wrap-box">
 
          </div>
        </div>
       
        <ul id="position">
        </ul>
      </div>
  </div>

<section class="article pt10 pl10 pr10">
   	<h3 class="mt10 tc bb">{$article.name}</h3>
	<div class="pt10 pb10">{$article.content}</div>
</section>

    <div style="height:48px;"></div>
    <!-- bottom nav start -->
      <eq name="category.isopen" value="0">
      <footer class="footer">
      <ul>
        <li>
          <a href="javascript:history.go(-1)"><img src="" /><label>返回</label></a>
        </li>
        <li>
          <a href="http://5.wmei.sinaapp.com/index.php/Home/Site/page/sid/{$sid}/id/{$category.topCategory}.html"><img src="" /><label>首页</label></a>
        </li>
        <li>
          <a href="tel:{$article.tel}"><img src=""><label>一键拨号</label></a>
        </li>
      </ul>
    </footer>
    </eq>
    </div>
       <div class="wrapper bottom-copyright tc mg10">
      <p class="pd5">&copy;<script>document.write(new Date().getFullYear());</script> {$site.name}</p>
    </div>
    <script>
      $(function(){
         var str=$( '#src-img' ).html(); 
         var strs=new Array();
             strs=str.split(",");
             $( '#swipe-wrap-box' ).html('');
             if(strs[1]!=undefined){ 
                 if(strs[1]!=""){
                   for(var i = 0 ;i < strs.length-1; i++){
                          var oDiv= "<div><a href='javascript:;'><img class='img-responsive' src='"+strs[i]+"'></a><span> {$vo.title}</span><p></p></div>";
                          $( "#swipe-wrap-box" ).append(oDiv);
                   }
                 }else{
                     var  oDiv= "<div><a href='javascript:;'><img class='img-responsive' src='"+strs[0]+"'></a><span> {$vo.title}</span><p></p></div>";
                     $( "#swipe-wrap-box" ).append(oDiv);
                 };
             }else{
                 var oDiv= "<div><a href='javascript:;'><img class='img-responsive' src='"+strs[0]+"'></a><span> {$vo.title}</span><p></p></div>";
                 $( "#swipe-wrap-box" ).append(oDiv);
             };
            
      })
</script>
  </body>
</html>